<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>智付系统</title>
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>
<body>
<div class="com-title">银行到款勾兑</div>
<div class="wrapper">
    <div class="clearfix mt20">
        <div class="fl">
            <div class="date-wrap mr5 mb10">
                <input type="text" placeholder="请选择" class="date-txt datetimepicker" />
            </div>
            <div class="form-select mr5 mb10">
                <select class="select select-w140">
                    <option>勾兑状态</option>
                    <option>勾兑状态</option>
                    <option>勾兑状态</option>
                </select>
            </div>
            <div class="form-select mr5 mb10">
                <select class="select select-w140">
                    <option>勾兑结果</option>
                </select>
            </div>
            <div class="form-select mr5 mb10">
                <select class="select select-w200">
                    <option>银行帐号</option>
                    <option>333333333333333</option>
                </select>
            </div>
            <a href="javascript:;" class="query-btn mr5 mb10"><i class="icon icon-search"></i></a>
        </div>
        <div class="fr">
            <a href="javascript:;" class="c-btn c-btn-blue mb10"><i class="icon icon-download"></i>Excel下载</a>
        </div>
    </div>
    <div class="account-tot mt10">
        合计<span class="c-red mlr5">256</span>笔到款数据，其中已勾兑<span class="c-red mlr5">253</span>笔，未勾兑<span class="c-red mlr5">3</span>笔； 已勾兑数据中，账平<span class="c-red mlr5">251</span>笔，长款<span class="c-red mlr5">1</span>笔，短款<span class="c-red mlr5">1</span>笔；
    </div>
    <div class="mt20">
        <table class="tb tb-b c-t-center">
            <thead>
                <tr>
                    <th>到款日期</th>
                    <th>开户银行</th>
                    <th>银行账号</th>
                    <th>应到款</th>
                    <th>实际到款</th>
                    <th>勾兑状态</th>
                    <th>勾兑人</th>
                    <th>勾兑结</th>
                    <th>差错金额</th>
                    <th>详情</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>2014-02-28</td>
                    <td>建设银行泉州分</td>
                    <td>6222021402022598754</td>
                    <td><span class="c-bold">49950.00</span></td>
                    <td><span class="c-bold">50000.00</span></td>
                    <td>未勾兑</td>
                    <td>候晓丽</td>
                    <td><span class="c-red c-bold">短款</span></td>
                    <td><span class="c-red c-bold">50.00</span></td>
                    <td><a href="javascript:;" class="alinks-unline alinks-blue d-blend">勾兑</a></td>
                </tr>
                <tr>
                    <td>2014-02-28</td>
                    <td>建设银行泉州分</td>
                    <td></td>
                    <td><span class="c-bold">49950.00</span></td>
                    <td><span class="c-bold">50000.00</span></td>
                    <td>未勾兑</td>
                    <td>候晓丽</td>
                    <td><span class="c-green c-bold">长款</span></td>
                    <td><span class="c-green c-bold">100.00</span></td>
                    <td><a href="javascript:;" class="alinks-unline alinks-blue d-blend">勾兑</a></td>
                </tr>
                <tr>
                    <td>2014-02-28</td>
                    <td>建设银行泉州分</td>
                    <td></td>
                    <td><span class="c-bold">49950.00</span></td>
                    <td><span class="c-bold">50000.00</span></td>
                    <td>未勾兑</td>
                    <td>候晓丽</td>
                    <td><span class="c-bold">账平</span></td>
                    <td><span class="c-bold">0.00</span></td>
                    <td><a href="javascript:;" class="alinks-unline alinks-blue d-blend">勾兑</a></td>
                </tr>
                <tr>
                    <td>2014-02-28</td>
                    <td>建设银行泉州分</td>
                    <td>6222021402022598754</td>
                    <td><span class="c-bold">49950.00</span></td>
                    <td><span class="c-bold">50000.00</span></td>
                    <td>未勾兑</td>
                    <td>候晓丽</td>
                    <td><span class="c-red c-bold">短款</span></td>
                    <td><span class="c-red c-bold">50.00</span></td>
                    <td>
                    	<a href="javascript:;" class="alinks-unline alinks-blue mr10 d-detail">查看</a>
                        <a href="javascript:;" class="alinks-unline alinks-blue d-change">修改</a>
                    </td>
                </tr>
                <tr>
                    <td>2014-02-28</td>
                    <td>建设银行泉州分</td>
                    <td>6222021402022598754</td>
                    <td><span class="c-bold">49950.00</span></td>
                    <td><span class="c-bold">50000.00</span></td>
                    <td>未勾兑</td>
                    <td>候晓丽</td>
                    <td><span class="c-red c-bold">短款</span></td>
                    <td><span class="c-red c-bold">50.00</span></td>
                    <td>
                    	<a href="javascript:;" class="alinks-unline alinks-blue mr10 d-detail">查看</a>
                        <a href="javascript:;" class="alinks-unline alinks-blue d-change">修改</a>
                    </td>
                </tr>
                <tr>
                    <td>2014-02-28</td>
                    <td>建设银行泉州分</td>
                    <td>6222021402022598754</td>
                    <td><span class="c-bold">49950.00</span></td>
                    <td><span class="c-bold">50000.00</span></td>
                    <td>未勾兑</td>
                    <td>候晓丽</td>
                    <td><span class="c-red c-bold">短款</span></td>
                    <td><span class="c-red c-bold">50.00</span></td>
                    <td>
                    	<a href="javascript:;" class="alinks-unline alinks-blue mr10 d-detail">查看</a>
                        <a href="javascript:;" class="alinks-unline alinks-blue d-change">修改</a>
                    </td>
                </tr>
                <tr>
                    <td>2014-02-28</td>
                    <td>建设银行泉州分</td>
                    <td>6222021402022598754</td>
                    <td><span class="c-bold">49950.00</span></td>
                    <td><span class="c-bold">50000.00</span></td>
                    <td>未勾兑</td>
                    <td>候晓丽</td>
                    <td><span class="c-red c-bold">短款</span></td>
                    <td><span class="c-red c-bold">50.00</span></td>
                    <td>
                    	<a href="javascript:;" class="alinks-unline alinks-blue mr10 d-detail">查看</a>
                        <a href="javascript:;" class="alinks-unline alinks-blue d-change">修改</a>
                    </td>
                </tr>
                <tr>
                    <td>2014-02-28</td>
                    <td>建设银行泉州分</td>
                    <td>6222021402022598754</td>
                    <td><span class="c-bold">49950.00</span></td>
                    <td><span class="c-bold">50000.00</span></td>
                    <td>未勾兑</td>
                    <td>候晓丽</td>
                    <td><span class="c-red c-bold">短款</span></td>
                    <td><span class="c-red c-bold">50.00</span></td>
                    <td>
                    	<a href="javascript:;" class="alinks-unline alinks-blue mr10 d-detail">查看</a>
                        <a href="javascript:;" class="alinks-unline alinks-blue d-change">修改</a>
                    </td>
                </tr>
                <tr>
                    <td>2014-02-28</td>
                    <td>建设银行泉州分</td>
                    <td></td>
                    <td><span class="c-bold">49950.00</span></td>
                    <td><span class="c-bold">50000.00</span></td>
                    <td>未勾兑</td>
                    <td>候晓丽</td>
                    <td><span class="c-red c-bold">短款</span></td>
                    <td><span class="c-red c-bold">50.00</span></td>
                    <td>
                    	<a href="javascript:;" class="alinks-unline alinks-blue mr10 d-detail">查看</a>
                        <a href="javascript:;" class="alinks-unline alinks-blue d-change">修改</a>
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="page-hold">
            <div class="fl">共 <b>256</b> 条数据</div>
            <div class="fr">
                <ul class="page-box">
                    <li><a href="javascript:;" class="disable">上一页</a></li>
                    <li><a href="javascript:;">1</a></li>
                    <li><a href="javascript:;" class="curr">2</a></li>
                    <li><a href="javascript:;">3</a></li>
                    <li><a href="javascript:;">4</a></li>
                    <li><a href="javascript:;">5</a></li>
                    <li><a href="javascript:;">6</a></li>
                    <li><a href="javascript:;">7</a></li>
                    <li><a href="javascript:;">···</a></li>
                    <li><a href="javascript:;">50</a></li>
                    <li><a href="javascript:;">下一页</a></li>
                    <li>
                        <div class="page-jump"><input type="text" /><a href="javascript:;">确定</a></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<!--勾兑-->
<div class="c-hide" id="dBlend">
	<div class="blend-mess">
    	<p>开户银行：中国建设银行泉州分行</p>
        <p>银行账号：660023145998</p>
        <p>到款日期：2018-02-17</p>
    </div>
    <div class="pt5">
    	<div class="mt15">到款金额：<input type="input" class="input-text input-text-w180 mr10" />元</div>
    	<div class="mt15">银行流水：<input type="input" class="input-text input-text-w180 mr10" />元</div>
    </div>
</div>
<!--查看-->
<div class="c-hide" id="dDetail">
	<div class="blend-mess">
    	<p>开户银行：中国建设银行泉州分行</p>
        <p>银行账号：660023145998</p>
    </div>
	<div class="blend-mess">
    	<p>到款日期：2018-02-17</p>
        <p>到款金额：30000.00元</p>
        <p>银行流水：JSYH10021231312067</p>
    </div>
	<div class="blend-mess nobor">
    	<p>勾兑人：候晓丽</p>
        <p>勾兑时间：2018-2-23  16:30</p>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../widget/nicescroll/3.6.0/js/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="../widget/placeholder/2.0.7/js/jquery.placeholder.min.js"></script>
<link rel="stylesheet" href="../widget/artDialog/4.1.7/css/artDialog.css" type="text/css" />
<script type="text/javascript" src="../widget/artDialog/4.1.7/js/artDialog.js"></script>
<script type="text/javascript" src="../widget/laydate/laydate.js"></script>
<script type="text/javascript" src="../js/public.js"></script>
<script type="text/javascript">
$(function(){
	laydate.render({
		elem: '.datetimepicker',
  		range: true
	});
});

//勾兑
$(document).on('click','.d-blend',function(){
	var artBox=art.dialog({	
		lock: true,
		width: 400,
		title:'银行实际到款',
		content:$('#dBlend').get(0),
		ok: function () {
			
		},
		cancel: true
	});
});
//查看
$(document).on('click','.d-detail',function(){
	var artBox=art.dialog({	
		lock: true,
		width: 400,
		title:'银行到款勾兑',
		content:$('#dDetail').get(0)
	});
});

</script>
</body>
</html>